<?php
require 'includes/db.php';
?>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>

<!-- Basic Page Needs
  ================================================== -->
<meta charset="utf-8" />
<title>Cyberlinks | Main Page</title>
<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico">

<!-- Mobile Specific Metas
  ================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- CSS
  ================================================== -->
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/camera.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/inner.css" />
<link rel="stylesheet" href="css/layout.css" />
<link rel="stylesheet" href="css/color.css" />
<link rel="stylesheet" href="css/prettyPhoto.css"  media="screen" />

<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
<!-- Favicons
	================================================== -->
<!--<link rel="shortcut icon" href="images/favicon.ico" />-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.tinycarousel.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('#slider1').tinycarousel({
			pager : true,
			interval : true
		});
	});
	</script>
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<!--<script type="text/javascript">
$(document).ready(function(){
var $windowW = $(window).width();
$("#winwidth").php($windowW);

});
</script>-->
<script>
	function disableSelection(target) {
		if ( typeof target.onselectstart != "undefined")//IE route
			target.onselectstart = function() {
				return false
			}
		else if ( typeof target.style.MozUserSelect != "undefined")//Firefox route
			target.style.MozUserSelect = "none"
		else//All other route (ie: Opera)
			target.onmousedown = function() {
				return false
			}
		target.style.cursor = "default"
	}
</script>

<script>
	//////////F12 Inactive code////////////////////////

	document.onload = function(event) {
		event = (event || window.event);
		if (event.keyCode == 123) {
			//alert('No F-12');
			return false;
		}
	}

	document.onkeypress = function(event) {
		event = (event || window.event);
		if (event.keyCode == 123) {
			//alert('No F-12');
			return false;
		}
	}
	document.onmousedown = function(event) {
		event = (event || window.event);
		if (event.keyCode == 123) {
			//alert('No F-keys');
			return false;
		}
	}
	document.onkeydown = function(event) {
		event = (event || window.event);
		if (event.keyCode == 123) {
			//alert('No F-keys');
			return false;
		}
	}
	/////////////////////end///////////////////////
	//Inactive right click script
	var message = "Sorry, right-click has been disabled";
	///////////////////////////////////
	function clickIE() {
		if (document.all) {(message);
			return false;
		}
	}

	function clickNS(e) {
		if (document.layers || (document.getElementById && !document.all)) {
			if (e.which == 2 || e.which == 3) {(message);
				return false;
			}
		}
	}

	if (document.layers) {
		document.captureEvents(Event.MOUSEDOWN);
		document.onmousedown = clickNS;
	} else {
		document.onmouseup = clickNS;
		document.oncontextmenu = clickIE;
	}
	document.oncontextmenu = new Function("return false")
	//
	
</script>
<style>
     <?php
                            $sql = mysql_query("SELECT * FROM iphone WHERE status='1'");
                            $data = mysql_fetch_assoc($sql)
                                ?>
    .home_imgR1a{
	
	float:left;width: 242px; height:232px; 
	background-image:url(admin/images/iphone/<?= $data['image'] ?>
		);
		}
 <?php
                            $sql = mysql_query("SELECT * FROM andriod WHERE status='1'");
                            $data = mysql_fetch_assoc($sql)
                                ?>
    .home_imgR1b{
	
	background-image:url(admin/images/andriod/<?= $data['image'] ?>
		);width: 242px; height:232px;
		}

 <?php
                            $sql = mysql_query("SELECT * FROM windows WHERE status='1'");
                            $data = mysql_fetch_assoc($sql)
                                ?>
    .home_imgR1c{
	
	background-image:url(admin/images/windows/<?= $data['image'] ?>
		);width: 242px; height:232px;

		}
 <?php
                            $sql = mysql_query("SELECT * FROM ipad WHERE status='1'");
                            $data = mysql_fetch_assoc($sql)
                                ?>
    .home_imgR2a{
	
	float:left;width: 242px; height:232px; 
	background-image:url(admin/images/ipad/<?= $data['image'] ?>
		);
		}
 <?php
                            $sql = mysql_query("SELECT * FROM bb WHERE status='1'");
                            $data = mysql_fetch_assoc($sql)
                                ?>
    .home_imgR2b{
	
	background-image:url(admin/images/bb/<?= $data['image'] ?>
		);width: 242px; height:232px;
		}

 <?php
                            $sql = mysql_query("SELECT * FROM web WHERE status='1'");
                            $data = mysql_fetch_assoc($sql)
                                ?>
   .home_imgR2c{
	
	background-image:url(admin/images/web/<?= $data['image'] ?>
		);width: 242px; height:232px;

		}

</style>
</head>
<!--onload="DrawCaptcha();disableSelection(document.body);"-->
<body onload="disableSelection(document.body);return disableCtrlKeyCombination(event);" onkeypress="return disableCtrlKeyCombination(event);" onkeydown="return disableCtrlKeyCombination(event);" onselect="return disableCtrlKeyCombination(event)">
<!--<div style="width:10px; color:#000; height:3px; display: block;" id="winwidth"></div>-->
<div id="bodychild">
  <div id="outercontainer"> 
    <!-- HEADER -->
    <div id="outerheader">
      <div id="headercontainer"> 
      <header id="top">
          <div id="logo">
            <div id="logoimg"><a href="index.php"> <img src="images/logo.png" alt="" /> </a> </div>
          </div>
          <div class="right wid_100">
          <div id="topright"><a href="http://www.facebook.com/pages/Cyberlinks/219059318116006" target="_blank"><img src="images/facebook.png" width="30" height="30" alt=""/></a> <a href="http://twitter.com/cyberlinksmobi" target="_blank"><img src="images/twitter.png" width="30" height="30" alt=""/></a> <a href="http://www.linkedin.com/company/530230?trk=pro_other_cmpy" target="_blank"><img src="images/linkedin.png" width="30" height="30" alt=""/></a> </div>
            <div class="clear"></div>
            <section id="navigation">
              <nav id="nav-wrap">
                <ul id="topnav" class="sf-menu">
                  <li class="current"><a href="index.php">Home</a></li>
                  <li><a href="aboutus.php">About Us</a>
                    <ul>
                      <li><a href="careers.php">Careers</a>
                        <ul>
                          <li><a href="current_openings.php">Current Openings</a></li>
                        </ul>
                      </li>
                      <li><a href="our_team.php">Our Team</a></li>
                      <li><a href="why_cyberlinks.php">Why Cyberlinks</a></li>
                    </ul>
                  </li>
                  <li><a href="#">Technologies</a>
                    <ul>
                      <li><a href="android_development.php">Android Development</a></li>
                      <li><a href="iphone_development.php">iPhone Development</a></li>
                      <li><a href="ipad_development.php">iPad Development</a></li>
                      <li><a href="bb_development.php">BB Development</a></li>
                      <li><a href="mobile_application.php">Mobile Application</a></li>
                      <li><a href="windows_application.php">Windows Application</a></li>
                    </ul>
                  </li>
                  <li><a href="engagement_model.php">Engagement Model</a>
                    <ul>
                      <li><a href="tm_model.php">T & M Model</a></li>
                      <li><a href="modc.php">MODC</a></li>
                      <li><a href="captive_bot.php">Captive BOT</a></li>
                      <li><a href="onsite_model.php">Onsite Model</a></li>
                    </ul>
                  </li>
                  <li><a href="contact_us.php">Contact Us</a></li>
                </ul>
              </nav>
              <div class="clear"></div>
            </section>
          </div>
          <div class="clear"></div>
        </header>
        <div id="featuredwrap">
          <div id="slider1">
            <div class="viewport">
              <ul class="overview">
                <li>
                  <ul id="list-featured">
                       
                    <li class="feature1 alpha box_setting cursor_pointer" style="background-color:#39c983;">
                      <a href="iphone_development.php" ><h1 class="pagetitle">iPhone<br />
                        Development</h1></a>
                    </li>
                    <li><a href="iphone_development.php">
                             <div class="home_imgR1a left">
                        <div class="layer">
                          <div id="icon"><img src="images/a1.png" alt="" /></div>
                        </div>
                      </div>
                      </a></li> 
                    <li class="feature2 omega cursor_pointer" style="background-color:#fa7231; float:right;">
                     <a href="android_development.php" > <h1 class="pagetitle">Android<br />
                        Development</h1></a>
                    </li>
                    <li><a href="android_development.php" >
                      <div class="home_imgR1b left">
                        <div class="layer">
                          <div id="icon2"><img src="images/a2.png" alt=""/></div>
                        </div>
                      </div>
                      </a></li>
                    <li class="feature3 alpha box_setting cursor_pointer" style="background-color:#ffaa1c;">
                      <a href="windows_application.php" ><h1 class="pagetitle">Windows<br />
                        Application</h1></a>
                    </li>
                    <li><a href="windows_application.php" >
                      <div class="home_imgR1c left">
                        <div class="layer">
                          <div id="icon3"><img src="images/a3.png" alt="" /></div>
                        </div>
                      </div>
                      </a></li>
                        
                  </ul>
                </li>
                <li>
                  <ul id="list-featured2">
                    <li class="feature1 alpha box_setting cursor_pointer" style="background-color:#ffaa1c;">
                    <a href="ipad_development.php"><h1 class="pagetitle">iPad<br />
                        Development</h1></a>
                    </li>
                    <li><a href="ipad_development.php" >
                      <div class="home_imgR2a left">
                        <div class="layer">
                          <div id="icon4"><img src="images/a4.png" alt="" /></div>
                        </div>
                      </div>
                      </a></li>
                    <li class="feature2 omega cursor_pointer" style="background-color:#39c983; float:right;">
                     <a href="bb_development.php"><h1 class="pagetitle">BB<br />
                        Development</h1></a>
                    </li>
                    <li><a href="bb_development.php" >
                      <div class="home_imgR2b left">
                        <div class="layer">
                          <div id="icon5"><img src="images/a5.png" alt="" /></div>
                        </div>
                      </div>
                      </a></li>
                    <li class="feature3 alpha box_setting cursor_pointer" style="background-color:#2ac2ed;">
                     <a href="web_application.php" > <h1 class="pagetitle">Web<br />
                        Application</h1></a>
                    </li>
                    <li><a href="web_application.php" >
                      <div class="home_imgR2c left">
                        <div class="layer">
                          <div id="icon6"><img src="images/a6.png" alt="" /></div>
                        </div>
                      </div>
                      </a></li>
                  </ul>
                </li>   
             
              </ul>
            </div>
          </div>
        </div>
        
        <!-- SLIDER -->
       
        <div id="slidercontainer" class="notfull">
          <section id="slider">
            <div id="slideritems">
                 <?php
                            $sql = mysql_query("SELECT * FROM banners WHERE status='1'");
                            while ($data = mysql_fetch_assoc($sql)) {
                                ?>
              <div class="slider-img" data-src="admin/images/banners/<?= $data['image'] ?>" alt="">
                <div class="camera_caption fadeFromRight">
                  <div class="slider-title"><?= $data['tittle'] ?></div>
                  <div class="slider-desc"><?= $data['description'] ?></div>
                  <a href="<?=$data['href'] ?>" class="button">Read More</a> </div>
              </div>
                  <?php } ?>
          </div>
          </section>
        </div>
      
        <!-- END SLIDER -->
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>
    <!-- END HEADER --> 
    
    <!-- MAIN CONTENT -->
    <div id="outermain">
      <div class="container">
        <div class="row">
          <div class="twelve columns">
            <div class="feature-container">
              <div class="ts-features ">
                <div class="row">
                  <div class="one_third columns fitem feature1 alpha">
                    <div class="item-container">
                      <div class="feature-title-container">
                        <div class="img-container"><img  src="images/icon11.png" class="alignleft wp-post-image" alt="icon1" /></div>
                        <h3 class="feature-title">About Cyberlinks</h3>
                      </div>
                      <div class="feature-text">Cyberlinks is a emerging Gurgaon based software company focused on delivering the best and cost-effective solutions to our clients in areas such as e-finance, e-business and real estate.<br>
                        <br>
                        <a href="aboutus.php" class="read1">Read More <img src="images/greater_than.png" width="9" height="13" alt=""/></a></div>
                      <div class="clear"></div>
                    </div>
                  </div>
                  <div class="one_third columns fitem feature2 ">
                    <div class="item-container">
                      <div class="feature-title-container">
                        <div class="img-container"><img  src="images/icon22.png" class="alignleft wp-post-image" alt="icon2" /></div>
                        <h3 class="feature-title">Enterprise Mobility</h3>
                      </div>
                      <div class="feature-text">Our innovative enterprise mobility suite is concerned with mobile security, liability, device management with mobile applications and these attributes are the part of our product strategy.<br>
                        <br>
                        <a href="enterprise_mobility.php" class="read2">Read More <img src="images/greater_than.png" width="9" height="13" alt=""/></a></div>
                      <div class="clear"></div>
                    </div>
                  </div>
                  <div class="one_third columns fitem feature3 omega">
                    <div class="item-container">
                      <div class="feature-title-container">
                        <div class="img-container"><img  src="images/icon33.png" class="alignleft wp-post-image" alt="icon3" /></div>
                        <h3 class="feature-title">Engagement Model</h3>
                      </div>
                      <div class="feature-text">Cyberlinks offers multiple engagement and delivery models to meet varied needs of clients across the globe which ensures their competitive advantages in a changing market place.<br>
                        <br>
                        <a href="engagement_model.php" class="read3">Read More <img src="images/greater_than.png" width="9" height="13" alt=""/></a></div>
                      <div class="clear"></div>
                    </div>
                  </div>
                </div>
                <div class="clear"></div>
              </div>
              <div class="clear"></div>
            </div>
          </div>
          <div class="maintop-container twelve columns">
            <h3 class="widget-title">Latest Projects</h3>
            <div class="ts-recentpost-widget ">
              <div class="row">
<?php $sql=mysql_query("SELECT * FROM projects WHERE STATUS='1'");
	while($data=mysql_fetch_assoc($sql)){?>
                <div class="one_fourth columns alpha">
                  <div class="recent-item">
                    <div class="recent-thumb"><a href="<?=$data['href']?>"><img src="admin/images/project/<?=$data['image']?>" class="frame wp-post-image wid100" alt="img11" /></a></div>
                    <h3 class="recent-title"> <a href="<?=$data['href']?>" target="_blank"><?=$data['name']?></a></h3>
                    <span class="smalldate"><?=$data['date']?></span>
                    <div class="recent-text"><?=$data['description']?></div>
                    <!--<div class="recent-link"><a href="#" class="more-link">Read More</a></div>-->
                    <div class="clear"></div>
                  </div>
                </div> 
                <?php } ?>
                <!------
                <div class="one_fourth columns ">
                  <div class="recent-item">
                    <div class="recent-thumb"><a href="https://itunes.apple.com/in/app/sunday-drive/id330160594?mt=8" target="_blank"><img src="images/proj2.jpg" class="frame wp-post-image wid100" alt="img6" /></a></div>
                    <h3 class="recent-title"><a href="https://itunes.apple.com/in/app/sunday-drive/id330160594?mt=8" target="_blank">Sunday Drive</a></h3>
                    <span class="smalldate">August 11, 2013</span>
                    <div class="recent-text">Discover secret spots and hidden gems along the world's most scenic highways.</div>
                    <!--<div class="recent-link"><a href="#" class="more-link">Read More</a></div>
                    <div class="clear"></div>
                  </div>
                </div>
                <div class="one_fourth columns ">
                  <div class="recent-item">
                    <div class="recent-thumb"><a href="http://www.livestation.com/en" target="_blank"><img src="images/proj3.jpg" class="frame wp-post-image wid100" alt="img7" /></a></div>
                    <h3 class="recent-title"><a href="http://www.livestation.com/en" target="_blank">Livestation</a></h3>
                    <span class="smalldate">April 17, 2013</span>
                    <div class="recent-text">Livestation brings together live news channels from the world, to give you all sides of the story.</div>
                    <!-- <div class="recent-link"><a href="#" class="more-link">Read More</a></div>
                    <div class="clear"></div>
                  </div>
                </div>
                <div class="one_fourth columns omega">
                  <div class="recent-item">
                    <div class="recent-thumb"><a href="http://workaround.me/index.php" target="_blank"><img src="images/proj4.jpg"  class="frame wp-post-image wid100" alt="img18" /></a></div>
                    <h3 class="recent-title"><a href="http://workaround.me/index.php" target="_blank">WorkAround.me</a></h3>
                    <span class="smalldate">March 15, 2013</span>
                    <div class="recent-text">WorkAround.me is a location-based app which connects local candidates and employers.</div>
                    <!--<div class="recent-link"><a href="#" class="more-link">Read More</a></div>
                    <div class="clear"></div>
                  </div>
                </div>
            		--->
              </div>
              <div class="clear"></div>
            </div>
            <div class="clear"></div>
          </div>
          <section id="maincontent" class="twelve columns">
            <section class="content">
              <div class="banner">
                <div class="right">
                  <div class="text">We provide great solutions for your business</div>
                </div>
                <div class="left">
                  <div class="text"><a href="contact_us.php">Get In Touch <img alt="icon" src="images/Contact_Icon.png"></a></div>
                </div>
              </div>
            </section>
          </section>
        </div>
      </div>
    </div>
    <!-- END MAIN CONTENT --> 
    
    <!-- BOTTOM -->
    <div id="outerbottom">
      <div id="bottomcontainer">
        <div class="container">
          <div class="row">
            <div class="bottom-container twelve columns">
              <div id="main-ticker">
                <ul id="ticker">
                  
                </ul>
              </div>
              <div class="clear"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- END BOTTOM--> 
    
    <!-- FOOTER -->
    <footer id="footer"> 
      
 <?php
require 'footer.php';
 ?>
    </footer>
    <!-- END FOOTER -->
    <div class="clear"></div>
    <!-- clear float --> 
  </div>
  <!-- end outercontainer --> 
</div>

<!-- end bodychild --> 

<!-- ////////////////////////////////// --> 
<!-- //      Javascript Files        // --> 
<!-- ////////////////////////////////// --> 

<!--<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> --> 
<!-- jQuery Superfish --> 
<script type="text/javascript" src="js/hoverIntent.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/supersubs.js"></script> 

<!-- jQuery Dropdown Mobile --> 
<script type="text/javascript" src="js/tinynav.min.js"></script> 

<!-- Custom Script --> 
<script type="text/javascript" src="js/custom.js"></script> 

<!-- jQuery Camera Slider --> 
<script type="text/javascript" src="js/camera.min.js"></script> 
<script type="text/javascript" src="js/jquery-easing-1.3.js"></script> 
<script type="text/javascript">
	jQuery(document).ready(function() {
		jQuery('#slideritems').camera({
			height : '62%',
			pagination : true,
			navigation : false,
			playPause : false,
			thumbnails : false,
			loader : 'none',
			imagePath : '../images/'
		});

	});
</script> 

<!-- jQuery PrettyPhoto --> 
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script> 

<!-- jQuery News Flash --> 
<script type="text/javascript" src="js/jquery.carouFredSel.js"></script>
</body>
</html>
